<extend name="ctps/index" />
        <block name="main">

			</div><!-- end #navbar-collapse-1 -->
            
			</nav><!-- end navbar navbar-default w3_megamenu -->
		</div><!-- end container -->
    
<!-- AddThis Smart Layers END -->

	<div class="events-section">
		<h3>小说分类名称</h3>
		<!----->
	<div class="event-slider">	  
		  <div class="callbacks_container">
			  <ul class="rslides" id="slider">
				 <li>
					 <img src="__PUBLIC__/Home/images/j22.png" alt=""/>
					  <div class="caption">
						<h2>一个地球上的灵魂带着一颗残破的位面种子降临异界，一场异界大领主之旅就此展开！ 
    想要看主角如何从一个小地主成为异界最大的大地主；想要看主角如何运用现代化技术掉打异界土著；想要看主角如何‘啪啪啪’的打异界大人物脸的，请您收藏本书！
     </h2>
						<p>小说作者： 疯狂冰咆哮</p>
						<a class="more" href="#">异界大领主</a>
					  </div>
				 </li>
				 <li>
					 <img src="__PUBLIC__/Home/images/j23.png" alt=""/>
					  <div class="caption">
						<h2>一片漆黑的山岗上，陈器拼命的奔跑，身后有一只提着长刀的独角恶鬼正在追他。 
    陈器知道这是一个梦，因为这个噩梦已经纠缠他足足三个月时间了，但这个梦太过真实，他根本无法醒来。 
    </h2>
						<p>小说作者： 胖子爱吃炖豆角</p>
						<a class="more" href="#">破法之眼 </a>
					  </div>
				 </li>
				 <li>
					 <img src="__PUBLIC__/Home/images/j24.png" alt=""/>
					  <div class="caption">
						<h2>是我在年初到现在关于天朝在国际上的局势产生的一些感概。被欺压到最底点，蛰伏，不屈，崛起，建国……威震四海。争得属于我们每个天朝人的尊严。这也是选择西幻题材的原因。 
    因为一个人穿越异大陆，崛起或许不难。 
    。 </h2>
						<p>小说作者： 吴杰超</p>
						<a class="more" href="#">弃僧</a>
					  </div>
				 </li>
			  </ul>	      
		  </div>
	</div>
	<script src="__PUBLIC__/home/js/responsiveslides.min.js"></script>
 <script>
    $(function () {
      $("#slider").responsiveSlides({
      	auto: true,
      	speed: 500,
        namespace: "callbacks",
        pager: true,
      });
    });
  </script>

	<!----->
	<div class="event-search">
					  <form>
						 <input type="text" value="搜索作品、作者" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '搜索作品、作者';}">
						<i class="fa fa-search"></i>
					  </form>
					</div>
	<div class="event-page-tabs">
	<div class="grid_3 grid_5">
				   <div class="bs-example bs-example-tabs" role="tabpanel" data-example-id="togglable-tabs">
			<ul id="myTab" class="nav nav-tabs" role="tablist">
			  <li role="presentation" class="active"><a href="#" id="home-tab" role="tab" data-toggle="tab" aria-controls="home" aria-expanded="true">主页</a></li>
			  <li role="presentation"><a href="#" role="tab" id="profile-tab" data-toggle="tab" aria-controls="profile">分类</a></li>
			  <li role="presentation"><a href="#" role="tab" id="profile-tab" data-toggle="tab" aria-controls="profile">东方玄幻</a></li>
			</ul>
			<div id="myTabContent" class="tab-content">
			  <div role="tabpanel" class="tab-pane fade in active" id="home" aria-labelledby="home-tab">				  
				  <div class="events-grids">
						<div class="col-md-4 event-grid">
							<a href="event-single.html"><img src="__PUBLIC__/Home/images/e1.jpg" alt="" /></a>
							<div class="event-info">
								<a class="m-movie-link" href="#">小说名</a>
								<span>作者</span>
								<p><label>作者名</label> </p>
								<a class="e-green" href="#">点击阅读</a>
								<div class="clearfix"></div>
								<a class="buy" href="events-ticket-booking.html">推荐票</a>
							</div>
						</div>
						<div class="col-md-4 event-grid">
							<a href="event-single.html"><img src="__PUBLIC__/Home/images/e2.jpg" alt="" /></a>
							<div class="event-info">
								<a class="m-movie-link" href="#">小说名</a>
								<span>作者</span>
								<p><label>作者名</label> </p>
								<a class="e-green" href="#">点击阅读</a>
								<div class="clearfix"></div>
								<a class="buy" href="events-ticket-booking.html">推荐票</a>
							</div>
						</div>
						<div class="col-md-4 event-grid">
							<a href="event-single.html"><img src="__PUBLIC__/Home/images/e3.jpg" alt="" /></a>
							<div class="event-info">
								<a class="m-movie-link" href="#">小说名</a>
								<span>作者</span>
								<p><label>作者名</label></p>
								<a class="e-green" href="#">点击阅读</a>
								<div class="clearfix"></div>
								<a class="buy" href="events-ticket-booking.html">推荐票</a>
							</div>
						</div>				  
						<div class="col-md-4 event-grid">
							<a href="event-single.html"><img src="__PUBLIC__/Home/images/e4.jpg" alt="" /></a>
							<div class="event-info">
								<a class="m-movie-link" href="#">小说名</a>
								<span>作者</span>
								<p><label>作者名</label> </p>
								<a class="e-green" href="#">点击阅读</a>
								<div class="clearfix"></div>
								<a class="buy" href="events-ticket-booking.html">推荐票</a>
							</div>
						</div>
						<div class="col-md-4 event-grid">
							<a href="event-single.html"><img src="__PUBLIC__/Home/images/e5.jpg" alt="" /></a>
							<div class="event-info">
								<a class="m-movie-link" href="#">小说名</a>
								<span>作者</span>
								<p><label>作者名</label></p>
								<a class="e-green" href="#">点击阅读</a>
								<div class="clearfix"></div>
								<a class="buy" href="events-ticket-booking.html">推荐票</a>
							</div>
						</div>
				  <div class="clearfix"></div>
			  </div>
			  </div>
			  <div role="tabpanel" class="tab-pane fade" id="profile" aria-labelledby="profile-tab">
						  
						<div class="col-md-4 event-grid">
							<a href="event-single.html"><img src="__PUBLIC__/Home/images/e4.jpg" alt="" /></a>
							<div class="event-info">
								<a class="m-movie-link" href="#">小说名</a>
								<span>作者</span>
								<p><label>作者名</label> </p>
								<a class="e-green" href="#">点击阅读</a>
								<div class="clearfix"></div>
								<a class="buy" href="events-ticket-booking.html">推荐票</a>
							</div>
						</div>
						<div class="col-md-4 event-grid">
							<a href="event-single.html"><img src="__PUBLIC__/Home/images/e5.jpg" alt="" /></a>
							<div class="event-info">
								<a class="m-movie-link" href="#">小说名</a>
								<span>作者</span>
								<p><label>作者名</label> </p>
								<a class="e-green" href="#">点击阅读</a>
								<div class="clearfix"></div>
								<a class="buy" href="events-ticket-booking.html">推荐票</a>
							</div>
						</div>
				  <div class="clearfix"></div>
			  </div>
			  <div role="tabpanel" class="tab-pane fade" id="profile" aria-labelledby="profile-tab">
				 		  
						<div class="col-md-4 event-grid">
							<a href="event-single.html"><img src="__PUBLIC__/Home/images/e4.jpg" alt="" /></a>
							<div class="event-info">
								<a class="m-movie-link" href="#">小说名</a>
								<span>作者</span>
								<p><label>作者名</label> </p>
								<a class="e-green" href="#">点击阅读</a>
								<div class="clearfix"></div>
								<a class="buy" href="events-ticket-booking.html">推荐票</a>
							</div>
						</div>
						<div class="col-md-4 event-grid">
							<a href="event-single.html"><img src="__PUBLIC__/Home/images/e5.jpg" alt="" /></a>
							<div class="event-info">
								<a class="m-movie-link" href="#">小说名</a>
								<span>作者</span>
								<p><label>作者名</label> </p>
								<a class="m-green" href="#">点击阅读</a>
								<div class="clearfix"></div>
								<a class="buy" href="events-ticket-booking.html">推荐票</a>
							</div>
						</div>
				  <div class="clearfix"></div>
			  </div>
			</div>
		   </div>
		  </div>
	</div>
	<nav>
  <ul class="pagination">
    <li>
      <a href="#" aria-label="Previous">
        <span aria-hidden="true">&laquo;</span>
      </a>
    </li>
    <li><a href="#">1</a></li>
    <li><a href="#">2</a></li>
    <li><a href="#">3</a></li>
    <li><a href="#">4</a></li>
    <li><a href="#">5</a></li>
    <li>
      <a href="#" aria-label="Next">
        <span aria-hidden="true">&raquo;</span>
      </a>
    </li>
  </ul>
</na
    </block>
